<!DOCTYPE html> 
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=0" name="viewport" />        
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
<meta content="telephone=no" name="format-detection" /> 
<title>产品内容</title>
<link rel="stylesheet" href="css/message.css">
</head>
<body scroll="no">
<div class="top-bar">
	<div class="bar-inner">
		<span>我们都是中国人</span>
	</div>
</div>

<div class="container">
	
	<div class="message-wrap">
		<div class="message">
			<div class="m-box">
				铁汉生态 (300197)：7月12日提示买入价位23.95~24.20元，止损价位23.50元，推荐理由：公司从传统园林公司蜕变成生态PPP龙头，享受行业扩容、行业集中度提升双利好，价值凸显。如有任何疑问，请联系您的方正证券营业部专属理财经理——20270520丁航投顾团队。
			</div>
			<div class="m-foot">
				<div class="f-l">
					今天 12:24    
				</div>
				<div class="f-r">
					投资建议仅供参考，风险自负
				</div>
			</div>
		</div>

		<div class="message">
			<div class="m-box">
				铁汉生态 (300197)：7月12日提示买入价位23.95~24.20元，止损价位23.50元，推荐理由：公司从传统园林公司蜕变成生态PPP龙头，享受行业扩容、行业集中度提升双利好，价值凸显。如有任何疑问，请联系您的方正证券营业部专属理财经理——20270520丁航投顾团队。
			</div>
			<div class="m-foot">
				<div class="f-l">
					今天 12:24    
				</div>
				<div class="f-r">
					投资建议仅供参考，风险自负
				</div>
			</div>
		</div>

		<div class="message">
			<div class="m-box">
				铁汉生态 (300197)：7月12日提示买入价位23.95~24.20元，止损价位23.50元，推荐理由：公司从传统园林公司蜕变成生态PPP龙头，享受行业扩容、行业集中度提升双利好，价值凸显。如有任何疑问，请联系您的方正证券营业部专属理财经理——20270520丁航投顾团队。
			</div>
			<div class="m-foot">
				<div class="f-l">
					今天 12:24    
				</div>
				<div class="f-r">
					投资建议仅供参考，风险自负
				</div>
			</div>
		</div>

	</div>
</div>

<!-- 选择产品 -->
<div class="select-product-mask">
	<div class="select-product-dialog">
		<h2>选择产品</h2>
		<div class="products-wrap">
			<div class="product">
				投资决策主力版1
			</div>
			<div class="product">
				投资决策主力版2
			</div>
			<div class="product">
				投资决策主力版3
			</div>
			<div class="product">
				投资决策主力版4
			</div>
			<div class="product">
				投资决策主力版5
			</div>
			<div class="product">
				投资决策主力版6
			</div>
			<div class="product">
				投资决策主力版7
			</div>
			<div class="product">
				投资决策主力版8
			</div>
			<div class="product">
				投资决策主力版9
			</div>
			<div class="product">
				投资决策主力版10
			</div>
		</div>
		<a href="javascript:;" class="close">关闭</a>
	</div>
</div>

<!-- 未选择 -->
<div class="noselect-product-mask">
	<div class="noselect-product-dialog">
		<h2>选择产品</h2>
		<p><span>您尚未购买其他产品</span></p>
		<a href="javascript:;" class="close">关闭</a>
	</div>
</div>


<script src="js/build/lib.js" type="text/javascript"></script>

<script>
var selectProduct = {
	init: function(){
		// 兼容按压效果
		document.body.addEventListener('touchstart', function () { //...空函数即可
		});
		// $('body').css({'overflow':'hidden','height':'90vh'});
	},
	events: function(){
		$('.bar-inner').hammer().on('tap',function(){
			$('.select-product-mask').show();
			// $('body').css({'overflow':'hidden'});
			// $("body").css({
			//     'overflow':'hidden',
			//     'position': 'fixed',
			//     'top': 'auto'
			// });
			// $('.products-wrap').on('touchstart',function(){});
		});
		// $('.select-product-mask').on('touchstart',function(e){
		// 	e.stopPropagation();
		// });

		$('.select-product-mask .product').hammer().on('tap',function(){
			$(this).addClass('active').siblings('.product').removeClass('active');
			window.location.href = "message1.html";
		});

		$('.select-product-mask .close').hammer().on('tap',function(){
			$('.select-product-mask').hide();
			// $('body').css({'overflow':'auto'});
			// $("body").css({
			//     'overflow':'auto',
			//     'position': 'static',
			//     'top': 'auto'
			// });
		});



	},
	run: function(){
		this.init();
		this.events();
	}
};
selectProduct.run();
</script>
</body>
</html>